<template>
  <div class="">
    <h1>我是页面1</h1>
    <br />
    <span @click="onClick">跳转test1</span>

  </div>
</template>

<script>
export default {
  name: "Page1",
  props: {
    msg: String
  },
  methods: {
    onClick() {
      var json = {
        id: 12345,
        name: "各种"
      };

      // json转换字符串方法
      var jsonStr = JSON.stringify(json);

      // console.log(jsonStr)

      // 一般的跳转 带后退
      // this.$router.push(
      //   {
      //     // name:'Test',
      //     // 传参的一种方式
      //     // path:'/test?id=123&name=马成'
      //     // 传参的另一种方式（需要在路由的属性上进行定义）
      //     // path: '/test/123'

      //     path : "/test" + "?json="+jsonStr
      //   }
      // );

      // 清空栈 跳转的页面成为栈顶
      this.$router.replace({
        // name:'Test',
        // 传参的一种方式
        // path:'/test?id=123&name=马成'
        // 传参的另一种方式（需要在路由的属性上进行定义）
        // path: '/test/123'

        path: "/test" + "?json=" + jsonStr
      });
    }
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>

